* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    background-image: url('../images/apple.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
}

.form {
    width: 378px;
    height: 330px;
    margin: 136px auto;
    /*background-color: #ffffff;*/
    border-radius: 15px;
    box-shadow: 0 9px 30px 0 #D2D2D2;
    border: 1px solid transparent;
}

.logo {
    width: 104px;
    height: 104px;
    margin: -42px auto;
    background-color: #8edfbd;
    border-radius: 50%;
    text-align: center;
    line-height: 130px;
}

.logo > img {
    width: 100%;
    height: 100%;
    box-shadow: 0 9px 30px 0 #D2D2D2;
    border-radius: 50%;
}

.title {
    text-align: center;
    line-height: 19px;
    font-size: 18px;
    color: #666666;
    margin: 28px 0 22px 0;
}

.user {
    width: 300px;
    height: 42px;
    margin: 20px auto;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    color: #CCCCCC;
}

.user .user_icon {
    padding: 0 5px;
    display: inline-block;
}

.user .user_icon img {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    vertical-align: middle;
}

.user input {
    width: 240px;
    border: none;
    outline: none;
    margin-left: -13px;
    font-size: 13px;
    background-color: transparent
}

.user ::-webkit-input-placeholder {
    color: #CCCCCC;
    letter-spacing: 0.7px;
}

.user ::-moz-placeholder {
    color: #CCCCCC;
    letter-spacing: 0.7px;
}

.user :-ms-input-placeholder {
    color: #CCCCCC;
    letter-spacing: 0.7px;
}

.validatecode {
    width: 300px;
    margin: 14px auto;
    overflow: hidden;
}

.validatecode input {
    width: 180px;
    height: 42px;
    text-indent: 17px;
    outline: none;
    border: 1px solid #E6E6E6;
}

.validatecode ::-webkit-input-placeholder {
    text-indent: 17px;
    color: #CCCCCC;
    letter-spacing: 0.7px;
}

.validatecode ::-moz-placeholder {
    text-indent: 17px;
    color: #CCCCCC;
    letter-spacing: 0.7px;
}

.validatecode :-ms-input-placeholder {
    text-indent: 17px;
    color: #CCCCCC;
    letter-spacing: 0.7px;
}

.validatecode span {
    float: right;
    width: 110px;
    height: 42px;
    background-color: #2FD19B;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 43px;
    text-align: center;
}

button {
    width: 300px;
    height: 42px;
    border: none;
    outline: none;
    background-color: #2FD19B;
    display: block;
    margin: 14px auto;
    font-size: 18px;
    color: #FFFFFF;
}

.forgetpaw {
    width: 300px;
    font-size: 14px;
    color: rgba(0, 231, 189, 0.15);
    margin: 0 auto;
}

.forgetpaw span {
    float: right;
}

.gray {
    color: #CCCCCC;
}